@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:15px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}

/*header start*/
.header .head_top{height: 35px;background: #efefef;line-height: 35px;border-bottom: 1px solid #dfdfdf}
.header .head_top a{}

.header .head_body{height:84px;padding: 15px 0}
.header .head_body .hb_con{padding: 18px 0 0 15px}
.header .head_body .hb_con b{font-size: 21px;display: block;color: #0156a9;letter-spacing: 0.4px;}
.header .head_body .hb_con p{font-size: 15px;line-height: 30px;}
.header .tel{padding: 15px 0 15px 60px;background: url(../images/tel.png) no-repeat center left;}
.header .tel p{font-size: 16px;line-height:20px;}
.header .tel b{font-size: 25px;color: #0156a9;font-family: Arial;line-height: 30px;}
.header .head_nav{height: 70px;background: url(../images/navbg.png) no-repeat center;}
.header .head_nav li{float: left;width: 165px;text-align: center}
.header .head_nav li:nth-child(1) {width: 185px;margin-right: 23px;}
.header .head_nav li a{text-align: center;height: 60px;line-height: 60px;margin-top: 10px;display: block;color: #333;font-size: 17px;}
.header .head_nav li:nth-child(1) a {height: 70px;line-height: 70px;padding: 0 20px 0 20px;background: url(../images/icon.png) no-repeat 25px center;text-indent: 35px;margin:0;color: #fff}
.header .head_nav li:hover a{background: #0156A9;color: #fff}
.header .head_nav li:nth-child(1):hover a{background: url(../images/icon.png) no-repeat 25px center;}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 550px;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: rgba(0,0,0,0.3);
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{
	background: #0082ea;
}
.flexslider .slides a img {
	width: 100%;
	height: 550px;
	display: block;
}
/*banner end*/

/*product start*/
.product{padding:50px 0;}
.product .pro_list{width: 270px;height: 420px;background:#0C4FA5;}
.product .pro_list .pl_top{height: 80px;border-bottom: 1px solid #99aabe;line-height: 80px;text-align: center;color: #fff;font-size: 36px;letter-spacing: 2px}
.product .pro_list > ul{margin-top: 25px}
.product .pro_list > ul > li{height:30px;line-height: 30px;width: 210px;background:#fff;margin: 15px auto;position: relative;}
.product .pro_list > ul > li > a{display:block;font-size: 15px;padding: 0 15px;}
.product .pro_list > ul > li em{display:block;width:35px;height:35px;float:right;background:url(../images/jt.png) no-repeat center;}
.product .pro_list > ul > li:hover em{background:url(../images/jt2.png) no-repeat center;}
.product .pro_list > ul > li:hover {background:#FFA300;}
.product .pro_list > ul > li:hover > a{color: #fff}
.product .pro_list ul.erji{position: absolute;left: 210px;top:0px;width: 180px;background: rgba(0,0,0,0.7);display: none;z-index: 99999}

.product .pro_list ul.erji li{line-height: 35px;padding: 0 20px}
.product .pro_list ul.erji li a{color: #fff}
.product .pro_list > ul li:hover .erji{display: block;}
.product .pro_list .erji li:hover{background: #0C4FA5}
.product .pro_img{width: 930px;padding-top: 45px;background:url(../images/bgpl.png) no-repeat top left;}
.product .pro_img .img{width: 375px;height: 375px;overflow: hidden;}
.product .pro_img .img img{width: 375px;height: 375px;transition:.5s ease-in;}
.product .pro_img .img:hover img{ transform:scale(1.1,1.1);}
.product .pro_img .zi{width: 475px;padding:40px;background:#f2f2f2;height: 295px}
.product .pro_img .zi b{font-size: 20px;display: block;color: #0c4fa5;}
.product .pro_img .zi em{display: block;width: 40px;height: 3px;background:#FFA300;margin: 20px 0}
.product .pro_img .zi p{text-align: left;line-height: 200%;display: block;text-indent: 2em;}
.product .pro_img .zi .more{width: 110px;height: 30px;line-height: 30px;text-align: center;background: #0C4FA5;color: #fff;font-size: 14px;margin-top: 30px}
.product .pro_img .zi .more:hover {background: #FFA300}
.pro_con li{width: 280px;margin-left:26.6px;float:left;margin-top:20px;}
.pro_con li:nth-child(4n+1) {margin-left:0px;}
.pro_con li .img{width: 280px;height:280px;overflow:hidden;box-shadow: 0 0 10px 0 #ccc; */}
.pro_con li .img img{width:280px;height:280px;display:block;transition:.5s ease-in;}
.pro_con li:hover img{transform:scale(1.1,1.1);}
.pro_con li p{text-align:center;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top: 5px;}
/*product end*/

/*company start*/
.about_bg{width:100%; height:552px; background:url(../images/about_bg.jpg) no-repeat center top;padding-bottom: 50px}
.about_box{padding-top:50px;}
.about_left{width:600px; float:left;}
.about_right{width:600px; height:392px; float:right;}
.a_phone{height:110px; width:440px; margin-left:160px;}
.a_phone p{height:40px; font-size:20px; color:#fff;letter-spacing: 2px}
.a_phone p span{font-size:36px; font-weight:bold;letter-spacing: 0px;line-height: 40px;}
.a_phone a{display:block; width:112px; height:34px; background:#fff; text-align:center; font-size:16px; color:#333; line-height:34px; float:right;margin-top: 10px}
.a_phone a:hover {background: #FFA300;color: #fff}
.about_t{height:177px;}
.about_t a{font-size:36px; color:#fff; line-height:54px;letter-spacing: 1px}
.about_t em{display: block;width: 70px;height: 2px;background: #fff;margin-top: 15px}
.about_t p{font-size:17px; color:#fff; padding-top:20px;letter-spacing: 4px}
.about_t i{color: #a3bbd7;line-height: 250%}
.about_tu{width:600px; height:326px; overflow:hidden;}
.about_tu img{width:600px; height:326px;}
.about_wen{width:500px; height:306px; background:#fff ; padding:34px 50px 0;}
.about_wen dt{height:78px;}
.about_wen dt a{font-size:24px; color:#333;}
.about_wen dt span{display:block; font-size:12px; color:#656565; text-transform:uppercase; line-height:30px;}
.about_wen p{width:500px; height:162px;font-size:14px; color:#656565; line-height:28px; overflow:hidden;}
.about_more{width:600px; height:53px;}
.about_more a{width:300px; height:53px; display:block; float:left; background:url(../images/about_more.jpg) center no-repeat; text-indent:30px; font-size:16px; color:#fff; line-height:53px;}
.about_more a:hover{background:url(../images/about_more2.jpg) center no-repeat;}
/*company end*/

/*scxc start*/
.scxc{margin: 50px 0}
.picScroll-left{ width:1228px;  overflow:hidden; position:relative; margin:0 auto;}
.picScroll-left .hd{ overflow:hidden;  height:40px; padding-top:20px; text-align: center}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:inline-block;  width:40px; height:40px;margin:0 5px; overflow:hidden;cursor:pointer; background:url(../images/jt_l.png) no-repeat center;}
.picScroll-left .hd .next{ background: url(../images/jt_r.png) no-repeat center;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 14px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:273px; height:204px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li:hover .pic a img{ border-color:#0156A9; background: #0156A9}
.picScroll-left .bd ul li .zi{ line-height:24px; font-size: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.picScroll-left .bd ul li:hover .zi a{color:#0156A9;}
/*scxc end*/

/*adv start*/
.adv .adv_top{height: 190px;background: url(../images/advtop.jpg) no-repeat center;line-height: 120px;text-align: center;color: #FFF;font-size: 42px;letter-spacing:4px}
.adv .adv_body{height: 1163px;background: url(../images/advbg.jpg) no-repeat center;}
.adv .adv_body .advcon1{width:600px;height: 220px;padding: 60px 0 0 0}
.adv .adv_body .advcon2{width:530px;height: 220px;padding: 150px 0 0 670px}
.adv .adv_body .advcon3{width:600px;height: 220px;padding:185px 0 0 0;}
.adv .adv_body .adv_title{width: 526px;height: 78px;background: url(../images/advtitle.jpg) no-repeat center;}
.adv .adv_body .adv_title .num{width: 115px;height: 78px;line-height: 78px;font-size: 50px;padding-left: 20px;font-weight: bold;color: #fff;font-family: Arial}
.adv .adv_body .adv_title .con b{font-size: 28px;line-height: 45px;display: block;padding-top: 3px;font-weight: normal;}
.adv .adv_body .adv_title .con p{font-size: 16px;}
.adv .adv_body ul{margin-top: 35px}
.adv .adv_body ul li{list-style: square;list-style-position:inside;font-size: 17px;line-height: 35px;}
/*adv end*/

/*liuyan start*/
.login{background: url(../images/liuyanbg.jpg) no-repeat center;position: relative;}
.login img.jt{position: absolute;z-index: 9999;top: calc(50% - 17px);left: calc(50% - 17px)}
.login_l {width:50%;height: 265px;float:left;}
.login_l i{width: 230px;height: 40px;border:1px solid #333;display:inline-block;margin-right: 30px;text-align: center;line-height: 40px;font-size: 18px;border-radius: 40px;margin-top: 30px;cursor: pointer;}
.login_l i:nth-child(2) {color: #fff;background: #444;border-color: #444}
.login_l i:nth-child(3) {color: #fff;background: #FFA300;border-color: #FFA300}
.login_l p{color: #0C4FA5;font-size: 28px;font-family: Arial;line-height: 32px;font-weight: bold;padding-top: 70px}
.login_r {width:50%;height: 265px;float:left;background: #0C4FA5;}
.login_r form{padding-top: 20px}
.inputs{width: 60%;padding-left:52px;float: left;padding-top: 5px}
.inputs input{background: #fff url(../images/login-sprite.png) no-repeat;padding: 11px 15px 11px 30px;margin: 0 0 8px 0;width: 78%; border: 1px solid #eaeaea;}
#company{background-position: 5px -34px !important;}
#name{background-position: 5px 0px !important;}
#tel{background-position: 5px -65px !important;}
#e-mail{background-position: 5px -31px !important;}
.inputs input:focus{outline: none;}
.inputs textarea{padding: 11px 15px 11px 30px;margin: 0 0 8px 0;width: 78%; border: 1px solid #eaeaea;height: 50px;background: url(../images/lyicon.png) no-repeat 6px 10px #fff;font-family: 'Arial'}
.submit{width: 25%;float: left;padding-top: 5px}
.submit .input-code {outline: none;width: 128px;;height: 35px;line-height: 35px;border: none;text-indent: 10px;border: 1px solid #eaeaea;}
.indexcode{vertical-align: top;height: 39px;margin-top: 8px;width: 130px;}
.submit .btn_sub{display: block;width: 130px;;height: 39px;background: #FFA300;padding: 0;border:none;color: #fff;font-size: 15px;margin-top: 90px;cursor: pointer;}
/*liuyan end*/

/*case start*/
.case{padding: 50px 0}
.case .title{text-align: center;}
.case .title b{font-size: 36px;font-weight: normal;}
.case .title p{text-align: center;display: block;padding-top: 10px;color: #666}
.case .case-title{ height:85px; padding-top:15px; background: url("../images/about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #30a333; font-weight: bold; margin-bottom: 39px;}
.case-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.case-title i{ color: #333; font-weight: normal; }
.case-wrap{ height: 544px; position:relative;margin-top: 30px}
.case .case-big{ width: 714px; height: 536px; position:absolute; top:0; left:243px; z-index:5;}
.caset{ position:absolute; top:0; left:0; width:1200px;}
.caset .li4{ position:absolute; top:0; right:0;}
.caset .li5{ position:absolute; top:184px; right:0;}
.caset .li6{ position:absolute; top:368px; right:0;}
.case ul li{ width: 224px; height: 168px; margin-bottom: 16px; position: relative; }
.case ul li img{ display: block; width: 224px; height: 168px;}
.case ul li span{ background-color: rgba(9,64,135,.8); position: absolute; left: 0; top: 0; width: 224px; height: 168px; line-height: 156px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; display: none;}
.case ul li:hover span{ display: block; }
.case-big .case-one img{ display: block; width: 714px; height: 536px;}
.case-big .case-desc{ background-color: rgba(0,0,0,.6); height: 50px; position: absolute; left: 0; bottom: 0; width: 641px; color: #fff; padding: 20px 40px 0 33px;}
.case-big .case-desc p{ font-size: 16px; line-height: 29px; }
.case-big .case-desc i{ color: #B7120E; font-weight: bold; }
.case-big .case-two{ position: absolute; left: 30px; bottom: 20px; }
.case-big .case-two img{ display: block; width: 156px; height: 150px; border: 10px solid #fff;}
/*case end*/

/*new start*/
.new{padding:50px 0;background: #f1f1f1;}
.title{text-align: center;padding-bottom: 20px;}
.title b{font-size: 36px;font-weight: normal;}
.title p{text-align: center;display: block;padding-top: 10px;color: #666}
.new .new_l,.new .new_r{width: 580px}
.new .zhhd li{width: calc(100% - 30px);padding:15px;margin-top:10px;transition: all 0.3s ease-in;background: #fff}
.new .zhhd li .img{width: 35%;overflow: hidden;}
.new .zhhd li .img img{width: 100%}
.new .zhhd li .wz{padding-left: 3%;width: 62%}
.new .zhhd li .wz b{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 17px;line-height: 35px;}
.new .zhhd li em{display: block;width: 40px;height: 3px;background: #0D4FA5;margin: 10px 0;}
.new .zhhd li .wz p{line-height: 160%;font-size: 15px;text-indent: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.new .zhhd li:hover {background: #e9e9e9}
.hyxw li{width: calc(100% - 40px);height: 36px;background:#fff;line-height: 36px;padding: 0 20px;margin-top: 10px}
.hyxw li a{display: inline-block;width: calc(100% - 90px);float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hyxw li span{display: inline-block;float: right;font-size: 13px;color: #999}
.hyxw li:hover {background: #0D4FA5;}
.hyxw li:hover a{color: #fff}
.hyxw li:hover span{color: #fff;}
/*new end*/

/*footer start*/
.footer .foot_top{height: 130px;background: url(../images/foot_bg.jpg) no-repeat center;}
.footer .foot_top .ft_left b{font-size: 25px;color: #fff;letter-spacing: 2px;display: block;padding-top: 25px;}
.footer .foot_top .ft_left p{font-size: 16px;color: #fff;display: block;padding-top: 15px;letter-spacing: 1px;}
.footer .foot_top .ft_right{padding-top: 40px}
.footer .foot_top .ft_right p{font-size: 20px;color: #fff;letter-spacing: 4.5px;line-height: 400%;}
.footer .foot_top .ft_right b{font-size: 32px;color: #fff;letter-spacing: 1px;}
.footer .foot_top .ft_right b span{font-size: 22px;font-weight: normal;color:#F06C29;}
.footer .foot_body{padding: 30px 0;background: #333; overflow: hidden;}
.footer .foot_body dl.ywb{width: 600px;color: #fff}
.footer .foot_body dt{font-size: 18px;color: #77b2ff;padding-bottom: 10px}
.footer .foot_body dd{width: 300px;float: left;line-height:32px;}
.footer .foot_body dl.kslj{width: 350px;color: #fff}
.footer .foot_body dl.kslj dd{width: 150px}
.footer .foot_body dl.kslj dd a{color: #fff}
.footer .foot_body dl.ewm{width: 150px; margin: 0px; padding: 0px;}
.foot_bot{height:35px;background: #000;line-height: 35px;color: #fff}
.foot_bot a{color:#fff;}
/*footer end*/